<!DOCTYPE html>
{% extends 'demo/base.html' %}
{% load common_extras %}
{% load static %}
{% block link %}
    <link rel="stylesheet" href="{% static 'css/user/user_article.css'%}">
{% endblock %}
{% block title %}
    创作中心
{% endblock %}
{% block header %}
    {% include 'demo/header.html' %}
{% endblock %}
{% block main %}
    {% if articles %}
        <ul class="navs">
            {% for article in articles %}
                <li>
                    <a href="{{ article.detail }}">
                        <div class="left">
                            {#                            {{ article.cover }}#}
                            <img src="/static/media/{{ article.cover }}" alt="图片溜走了">
                        </div>
                        <div class="right">
                            <h4>{{ forloop.counter }}、{{ article.title }}</h4>
                            <p class="desc">{{ article.desc }}</p>
                            <p class="info">
                                <span>发布时间：{{ article.create_time }}</span>
                            </p>
                        </div>
                    </a>
                    <div class="func">
                        {% comment %}
                        文件路径
                        相对路径：从当前文件本身出发找到要操作的文件
                        绝对路径：从磁盘出发找到要操作的文件
                        相对地址：从当前地址出发找到要操作的视图的地址
                        绝对地址：从app出发找到要操作的视图的地址
                        {% endcomment %}
                        <a href="../update/{{ article.id }}/">编辑</a>
                        <a href="../delete/{{ article.id }}/">删除</a>
                    </div>
                </li>
                {% if forloop.last %}
                    <div class="bottom-info">已经到底了!!!</div>
                {% endif %}
            {% endfor %}

        </ul>
    {% else %}
        <div class="bottom-info">暂无文章~</div>
    {% endif %}
{% endblock %}